<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    
    <title>UserList</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	
	<link href="../easyui1.4.4/themes/default/easyui.css" rel="stylesheet" />
	<link href="../easyui1.4.4/themes/icon.css" rel="stylesheet" />
	<link href="../css/global.css" rel="stylesheet" />
	<script	src="../easyui1.4.4/jquery.min.js"></script>
	<script	src="../easyui1.4.4/jquery.easyui.min.js"></script>
	<script	src="../easyui1.4.4/locale/easyui-lang-zh_CN.js"></script>
	<script	src="../js/common.js"></script>
	<script src="../js/FormValidate.js"></script>
	<script src="../js/UserList.js"></script>
	<style type="text/css">
	#toolbar .combo .textbox-text{
    	text-align: left;
	}
	</style>
  </head>
  
  <body>
  <div style="width: 100%;height:100%;position:relative;z-index: 99" id="main">
   <div id="toolbar" style="padding:2px 0 2px 0">
			<table class="cssform" style="border-collapse: collapse;width:100%;margin-bottom: 2px">
			<tr>
					<th style="width:60px"><label>用户名</label> </th>
			       <td ><input id="uname"   class="easyui-textbox" /></td>
					<th style="width:53px"><label>姓名</label> </th>
			       <td ><input id="name"   class="easyui-textbox" /></td>
			       <th style="width:53px"><label>性别</label> </th>
			       <td style="width:60px">
				       	<select id="sex" class="easyui-combobox" data-options="editable:false,panelHeight:'auto',width:55">   
								    <option value="" selected="selected">不限</option>   
								    <option value="保密">保密</option>   
								    <option value="男">男</option>   
								    <option value="女">女</option>   
						</select>
			       </td>
			       <th style="width:80px"><label>用户角色</label> </th>
			       <td style="width:80px">
			       		<input id="role" class="easyui-combobox" data-options="editable:false,panelHeight:'auto',width:81"/>   
			       </td>
			       <th style="width:80px"><label>账户状态</label> </th>
			       <td style="width:435px">
			       <select id="status" class="easyui-combobox" data-options="editable:false,panelHeight:'auto',width:60">   
								    <option value="-1" selected="selected">不限</option>   
								    <option value="0">停封</option>   
								    <option value="1">正常</option>   
								    <option value="2">待审核</option>   
					</select>
			       <a id="querybtn"  class="easyui-linkbutton" iconCls="icon-search">查询</a>
			       <a id="addbtn"  class="easyui-linkbutton" iconCls="icon-add">添加</a>
			       <a id="activebtn"  class="easyui-linkbutton" iconCls="icon-tip">批量审核</a>
			       <a id="lockbtn"  class="easyui-linkbutton" iconCls="icon-no">批量封停</a>
			       <a id="unloackbtn"  class="easyui-linkbutton" iconCls="icon-ok">批量解封</a>
			       </td>
			</tr>
			</table>
           
    </div>
    <div id="userGrid" ></div>
 </div>
 <!-- 弹出窗口实现增、删、改操作  -->
	<div id="dlg" class="easyui-dialog"  style="width: 660px; height: 245px;"
	data-options="resizable:true,modal:true,maximizable:true,closed:true,openAnimation:'fade',closeAnimation:'fade'" >
       <form id="fm" method="post"> 
       <input type="hidden" name="id" id="userId"/>
       <input type="hidden" name="status" id="dlgstatus"/>
       <table class="cssform" style="border-collapse: collapse;width:100%;margin-bottom: 2px">
			<tr>
			   <th style="width:70px"><label>用户名</label> </th>
		       <td><input name="uname" id="dlguname"  class="easyui-textbox" data-options="width:170,required:true"/> </td>
		       <th style="width:53px"><label>姓名</label> </th>
		       <td><input  name="name"  class="easyui-textbox"  data-options="width:120"/> </td>
		       <th style="width:53px"><label>性别</label> </th>
		       <td >
		       			<select id="dlgsex" name="sex" class="easyui-combobox" data-options="editable:false,panelHeight:'auto',width:75">   
								    <option value="保密" selected="selected">保密</option>   
								    <option value="男">男</option>   
								    <option value="女">女</option>   
						</select>
		       </td>
		       
			</tr>
	        <tr>
	           <th style="width:53px"><label>角色</label> </th>
		       <td>
		       			<input id="dlgrole" name="roleId" class="easyui-combobox" data-options="editable:false,panelHeight:'auto'"/>   
		       </td>
		       <th style="width:70px"><label>生日</label> </th>
		       <td ><input  name="birthday" id="birthday" class="easyui-datebox" data-options="width:120,editable:false"/> </td>
			   <th style="width:70px"><label>固定电话</label> </th>
		       <td><input  name="tel"  class="easyui-textbox" data-options="width:120"/> </td>
			</tr>
	        <tr>
		       <th style="width:53px"><label>手机</label> </th>
		       <td><input  name="mobile"  class="easyui-textbox"  data-options="width:170"/> </td>
			   <th style="width:53px"><label>QQ</label> </th>
		       <td><input  name="qq"  class="easyui-textbox" data-options="width:120"/> </td>
		       <th style="width:53px"><label>微信</label> </th>
		       <td><input  name="weChat"  class="easyui-textbox"  data-options="width:120"/> </td>
			</tr>
	        <tr>
			   <th style="width:53px"><label>邮箱</label> </th>
		       <td><input  name="email"  class="easyui-textbox" data-options="width:170"/> </td>
		       <th style="width:53px"><label>省</label> </th>
		       <td><input id="province"  name="provinceId"  class="easyui-combobox" data-options="width:120,editable:false,panelHeight:'auto'"/> </td>
		       <th style="width:53px"><label>市</label> </th>
		       <td><input id="city" name="cityId"  class="easyui-combobox" data-options="width:120,editable:false,panelHeight:'auto'"/> </td>
			</tr>
			<tr id="pwdtr">
				<th style="width:70px"><label>设置密码</label> </th>
				<td colspan="5"><input id="pwd"  name="pwd"  class="easyui-textbox"  data-options="width:170,required:true"/> </td>
			</tr>
			<tr id="repwdtr">
				<th style="width:70px"><label>重设密码</label> </th>
				<td colspan="5"><input id="repwd"  class="easyui-textbox"  data-options="width:170,prompt:'如果不想重设密码请留空'"/> </td>
			</tr>
			<tr>
				<th style="width:70px"><label>详细地址</label> </th>
				<td colspan="5"><input  name="address"  class="easyui-textbox"  data-options="width:570"/> </td>
			</tr>
		</table>
       </form>
    </div>
    
<div style="display: none">
	<table class="easyui-datagrid"  data-options="title:'test'">   
	    <thead>   
	        <tr>   
	            
	        </tr>   
	    </thead>   
	</table>  
</div>
  </body>
</html>
